<template>
  <div class="content">
    <!-- <img :attr="{src: imgSrc}" />  -->
    <img v-if="imgSrc != ''" :src="imgSrc" title="" style="width: 100%; height: 200px;"/>

    <h4>{{ title }}</h4>
    <p class="descript">{{desc.substr(0, 30)+'...'}}</p>
    <p>{{detail}}</p>
  </div>
</template>

<script setup lang="js">
import { defineProps } from 'vue';

defineProps({
  title: {type: String},
  desc: {type: String},
  detail: {type: String},
  imgSrc: {
      type: String
    }
})

// defineProps({
//   task: {
//     type: Object,
//     required: true
//   },
// });


// const props = defineProps({
//   // title: {
//   //   type: String,
//   //   required: true
//   // }
//   task: {
//     title: {type: String, required: true},
//     desc: {type: String, required: true},
//     detail: {type: String, required: true},
//     status: {type: Number, required: true}
//   }
// })


</script>


<style>
  .descript{
    margin: 0;
  }
</style>
